* {
    padding: 0;
    margin: 0;
}

.container {
    display: grid;
    grid-template-columns:  1fr 1fr;
    --l: none;
    --r: flex;
}

.container-item {
    overflow-y: auto;
    padding: 40px;
}
.menu{
    width: 20%;
    max-width: 400px;
}
@media screen and (max-width: 1700px) {
    .container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        --l: none;
        --r: flex;
    }
    .menu {
        display: none !important;
    }
}

@media screen and (max-width: 880px) {
    .container {
        display: grid;
        grid-template-columns: 1fr;
        --l: flex;
        --r: none;
    }
    .container .container-item {
        overflow-y: visible;
    }
}